<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
	body {
    background: url(5.jpg) no-repeat center 0px fixed;
    background-size: cover;
    font-family: "微软雅黑", sans-serif;
}
    input{
      border: 1px solid #cccccc;
      border-radius:5px;
      padding:10px;

    }
    .headtop{
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -250px 0 0 -150px;
      width:300px;
      height:500px;
    }
</style>
<body>
<!--
    form标签就是表单
    input type="text"输入文本
    input type="password"输入密码
    input input type="radio"输入单选框
    input type="checkbox"输入多选框
    <select><option></option><select>下拉选择列表
    <textarea rows="10" cols="20">自我评价</textarea>输入文本框
    input type="reset"重置
    input type="submit"确认

-->
<!--&lt;!&ndash;提交表单，然后跳转到表单提交成功页面&ndash;&gt;
  <form action="registerSuccess.html">
    <table align="center">
      <tr>
        <td>用户名：</td>
        <td>
          <input type="text" name="name" value=""/>
        </td>
      </tr>
      <tr>
        <td>密码：</td>
        <td>
          <input type="password" name="password" value=""/>
        </td>
      </tr>
      <tr>
        <td>确认密码：</td>
        <td><input type="password" name="confirmPassword" value=""/></td>
      </tr>
      <tr>
        <td>性别：</td>
        &lt;!&ndash;单选框，checked=“checked”设置默认选项&ndash;&gt;
        <td>
          <input type="radio" name="sex" checked="checked"/>男
          <input type="radio" name="sex"/>女
        </td>
      </tr>
      <tr>
        &lt;!&ndash;多选框，同样可以用checked=“checked”设置默认选项&ndash;&gt;
        <td>兴趣爱好：</td>
        <td>
          <input type="checkbox" checked="checked"/>Java
          <input type="checkbox"/>JavaScript
          <input type="checkbox"/>C++
        </td>
      </tr>
      <tr>
        <!--下拉选择列表，可以通过selected=“selected”设置默认选项-->
        <td>国籍：</td>
        <td>
          <select>
            <option>中国</option>
            <option selected="selected">日本</option>
            <option>美国</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>自我评价：</td>
      </tr>
      <tr>
        &lt;!&ndash;文本输入框，可以通过设置cols来设置列的数目，通过rows设置行的数目&ndash;&gt;
        <td>
          <textarea rows="10" cols="20">自我评价</textarea>
        </td>

      </tr>
      <tr>
        &lt;!&ndash;type=“reset”重置所有输入&ndash;&gt;
        <td>
          <input type="reset" value="重置">
        </td>
        <td>
          &lt;!&ndash;type=“submit”提交表单&ndash;&gt;
          <input type="submit" value="注册" >
        </td>
      </tr>
    </table>

  </form>-->
<div class="headtop" >
<div class="regist" style="margin-top: 60px">
  <h3 style="margin-left: 60px">注册</h3>
  <form action="" method="post">
    <p>用户名:</p>   <input type="text" name="user" placeholder="用户名" required="required" ><br>
    <p>密码:</p>     <input type="password" name="password" placeholder="密  码" required="required" ><br>
    <p>确认密码:</p>  <input type="password" name="password" placeholder="确认密码" required="required" ><br>
    <p>邮箱:</p>    <input type="text" name="email" placeholder="邮箱" required="required" ><br>
    <br>
         <input type="reset" >
        <input type="submit" style="margin-left: 30px" ><br>

  </form>
</div>
</div>
</body>
</html>
